<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page pageEncoding="utf-8" %>

<div id="navbar-full">
    <div class="container">
        <nav class="navbar navbar-ct-blue navbar-fixed-top navbar-transparent" role="navigation">

            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="">
                        <div class="logo-container">
                            <div class="logo">
                                <img src="${pageContext.request.contextPath}/img/logo-top1.png">
                            </div>
                            <div class="brand">
                                新青年宠物店
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button">搜索宠物 <b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a class="dropdown-item"  style="color: blue"  href="${pageContext.request.contextPath}/moredogs.action">搜索狗狗</a></li>
                                <li><a class="dropdown-item" style="color: blue"  href="${pageContext.request.contextPath}/morecats.action">搜索猫咪</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button">宠物词典<b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a class="dropdown-item"  style="color: blue" href="${pageContext.request.contextPath}/Havedogs.action">狗狗的饲养方法</a></li>
                                <li><a class="dropdown-item"  style="color: blue" href="${pageContext.request.contextPath}/Havecats.action">猫咪的饲养方法</a></li>
                            </ul>
                        </li>

                        <c:if test="${empty sessionScope.login_user.username}" >
                        <li class="nav-item">
                            <button  style="color: #4e498f;" name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='${pageContext.request.contextPath}/login.action'"  >登录</button>
                        </li>
                        <li class="nav-item">
                            <button  style="color: #4e498f;" name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='${pageContext.request.contextPath}/zhuce.action'"  >注册</button>
                        </li>
                        </c:if>
                        <c:if test="${not empty sessionScope.login_user.username}">
                        <!-- 购物卷功能
                        <li class="nav-item">
                            <button  style="color: #4e498f;" name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='${pageContext.request.contextPath}/quan.action'"  >点我领卷</button>
                        </li>
                        -->
                        <li class="dropdown">
                            <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"><span class="nav-link nav-link dropdown-toggle" style="color: blue;">欢迎您尊贵的 ${sessionScope.login_user.name} 新青年宠物店VIP贵宾，点我修改个人信息!</span><b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a class="dropdown-item"  style="color: blue" href="${pageContext.request.contextPath}/userdetails1.action">修改个人资料</a></li>
                                <li><a class="dropdown-item"  style="color: blue" href="${pageContext.request.contextPath}/myLove.action">我的喜爱</a></li>
                                <li><a class="dropdown-item"  style="color: blue" href="${pageContext.request.contextPath}/userSubscribe.action">我的预约</a></li>
                                <li><a class="dropdown-item"  style="color: blue" href="${pageContext.request.contextPath}/quituser.action">退出登录</a></li>

                            </ul>
                        </li>
                        </c:if>

                </div>
                <div class="modal fade" id="logoutConfirmModal">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5">退出登录</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                您确认要退出当前已经登录的用户吗？
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                <a href="${pageContext.request.contextPath}/logout.action">
                                    <button type="button" class="btn btn-danger logout-btn">退出登录</button>
                                </a>

                            </div>
                        </div>
                    </div>
                </div>
                    </ul>
                </div>
        </nav>
    </div><!--  end container-->

    <div class="blurred-container">
        <div class="motto">
            <div>We</div>
            <div class="border">Love</div>
            <div>Pet</div>
        </div>

        <div class="img-src" style="background-image: url('${pageContext.request.contextPath}<%
            String param1 = request.getParameter("backgroud");
            out.print(param1);
        %>')"></div>
        <div class="img-src blur" style="background-image: url(${pageContext.request.contextPath}/img/service/top-service.jpg)"></div>
    </div>
</div>